<template>
  <div id="container"></div>
</template>

<script>
export default {
  mounted() {
    var map = new BMapGL.Map("container"); // 创建地图实例
    var point = new BMapGL.Point(116.404, 39.915); // 创建点坐标
    map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    map.setHeading(64.5); //设置地图旋转角度
    map.setTilt(73); //设置地图的倾斜角度
    map.setMapType(BMAP_EARTH_MAP);
    var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件
    map.addControl(scaleCtrl);
    var zoomCtrl = new BMapGL.ZoomControl(); // 添加缩放控件
    map.addControl(zoomCtrl);
    var cityCtrl = new BMapGL.CityListControl(); // 添加城市列表控件
    map.addControl(cityCtrl);

    // 禁止地图旋转和倾斜可以通过配置项进行设置
    // var map = new BMapGL.Map("allmap", {
    //   enableRotate: false,
    //   enableTilt: false,
    // });
  },
};
</script>

<style scoped>
#container {
  height: 600px;
}
</style>
